草庐IT

android - Canvas 绘制html文本

全部标签

javascript - 如何获取所有以某物开头的 HTML 属性(属性名称,*不是*它们的值!)

我想获取HTML页面中的所有元素/节点,这些元素/节点包含以某物开头的属性(同样,属性名称以某物开头,而不是它们的值!)。例如,TinyMCE倾向于为其保存的元素添加自定义属性,如"mce_style"、"mce_href"、"mce_bogus"等。我想要类似CSS3选择器的属性值,[attr^="mce_"],但不是值,属性名称。当然,我可以遍历所有的DOM节点和它们的属性,并一一检查,但我想知道是否有更有效的方法。请不要给我特定于TinyMCE的答案,我很确定有一个标志会阻止TinyMCE保存这些属性,但问题是通用的。 最佳答案

javascript - 在用户突出显示的文本周围放置标签?

我需要获取文本区域的用户选择区域,然后插入标记围绕它。我用它来获取用户选择的区域:vartextComponent=document.getElementById('article');varselectedText;if(document.selection!=undefined){textComponent.focus();varsel=document.selection.createRange();selectedText=sel.text;}//Mozillaversionelseif(textComponent.selectionStart!=undefined){vars

javascript - 点击浏览器 "back"按钮显示 JSON 而不是 HTML(使用 Rails 和 d3.js)

我正在使用d3.jsJSON回调在Rails中生成图表,如下所示:查看d3.json(document.URL,function(data){//generatechart}Controllerdefindexrespond_todo|format|format.htmldo#returntheHTMLendformat.jsondo#returntheJSONendendend一切正常。然而,当用户离开此图表,然后使用浏览器上的“后退”按钮导航回到它时,他们会看到JSON而不是HTML。你能建议我如何解决这个问题吗? 最佳答案 嗯

javascript - Highcharts - HTML 工具提示和数据标签呈现问题

这是我的问题,当您为数据标签设置useHTML:true时,标签文本似乎会覆盖工具提示背景。您可以在这个简单的fiddle中看到行为:barchart尝试在鼠标悬停在栏上时显示工具提示,您将在工具提示背景中看到数据标签的文本。是否可以在数据标签上设置z-index?我试图在工具提示定义中添加它但没有成功:style:{color:'black','z-index':0},我还尝试为数据标签和工具提示设置跨度类,然后将z-index添加到这些类的css属性中,但它仍然无法正常工作。编辑:由于我仍在寻找问题的解决方案,有人可以指出向图表的条形图(或数据标签)添加类的方法吗?我的目标是调用此

javascript - 如何将文本添加为​​ jqplot canvasOverlay?

我想在jqplot图表上叠加标签。标签应包含文本或理想情况下,任何标记。我检查了documentation和examples,并且无法在主jqplot图表区域中找到任意标签的示例。jqplot相关特性:canvasOverlay用于在图表上绘制任意线条。此外,“标题”标签存在,但位于图表之外。这看起来应该很简单。一些选项:更改主标签的jqplotCSS以将其移动到图表内。jqplot中的新标签。问题范围确实在jqplot之外,正确的解决方案是使用Canvas的通用方法。提前致谢! 最佳答案 找到了一个解决方案,由jqplot作者Ch

javascript - 使用 Modernizr 加载 HTML5 Shiv 的性能

我的站点使用Modernizr并需要HTML5Shiv和PrintShiv。不使用Modernizr加载这些shivs而是通过IE条件加载它们是否有任何性能优势?显然使用Modernizr更干净,但我更关注性能。 最佳答案 我自己很好奇,所以我设置了一些测试页面。如果您的站点只需要HTML5Shiv和来自modernizr的PrintShiv,那么使用IE条件仅加载html5shiv-printshiv.js将比始终为所有其他浏览器加载modernizr(ltIE9)执行得更好。因此,在您的情况下,您可能应该停止使用moderniz

Javascript:文本替换数组中的多个字符串?

我有一个包含Twitter话题标签的数组。我想为这些主题标签过滤字符串tw.text并将单词包装在span中varhashtags=newArray("home","car","tree");tw.text.replace('#home','#home')我该怎么做?提前谢谢你。 最佳答案 hashtags.forEach(function(elem){tw.text=tw.text.replace('#'+elem,'#'+elem+"");});这不考虑包含可能导致重复替换的其他标签的标签。

固定长度的 Javascript Canvas 曲线

我想绘制任意(随机)曲线,给定:起点终点曲线长度受Canvas边界限制,加上曲线不能交叉,我怎么能做这样的事情。我试图找到一些解决方案,但我无法弄清楚。感谢您的宝贵时间。这是我想要完成的更详细的View:这是画在Canvas上的二次曲线。一切都好。问题是,如何在没有所有点的情况下绘制它,仅使用以像素为单位的固定长度、随机点、受Canvas大小限制且不交叉。代码可能是这样的:functionfixedCurve(A,B,length){for(inti=A;i 最佳答案 试试这个(fiddle):functiondraw(){varc

javascript - Canvas 上的多个光源

我想在我正在制作的游戏的背景上放置多个光源,使用一个光源效果很好,如下所示:这是通过将.png图像放在其他所有东西之上来实现的,它变得更加透明,像这样:适用于一个光源,但我需要另一种方法,我可以添加更多光源并四处移动光源。我考虑过为每一帧逐个像素绘制一个类似的“阴影层”,并根据到每个光源的距离计算透明度。但是,这可能会很慢,我相信有更好的方法来解决这个问题。图像只是示例,每一帧将有相当多的内容可以使用requestAnimationFrame移动和更新。是否有一种轻量级且简单的方法来实现这一目标?提前致谢!编辑在ViliusL的帮助下,我想出了这个掩蔽解决方案:http://jsfid

javascript - 在 HTML 中使用 Node.js 模块

我有以下Node.js项目(这是我的问题的最小工作示例):module1.js:module.exports=function(){return"thisismodule1!";};module2.js:varmodule1=require('./module1');module.exports=function(){returnmodule1()+"andthisismodule2!";};server.js:varmodule2=require('./module2');console.log(module2());//prints:"thisismodule1!andthisis